<!--<include file="public+header" />-->

<link rel="stylesheet" type="text/css" href="<!--{:Q::U('misc/index?type=css&file=theme',array('rand'=>C::randString(4)),true)}-->"/>
<script type="text/javascript" src="<!--{:__PUBLIC__}-->/js/bigcolorpicker/js/jquery.bigcolorpicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="<!--{:__PUBLIC__}-->/js/bigcolorpicker/css/jquery.bigcolorpicker.css"/>

<!--{script}-->
$(function(){
	$("img[f='color-img']").bigColorpicker(function(el,color){
		var id=$(el).attr("data-target");
		$("#"+id).val(color);
		$("#"+id).css({"color":color});
		
		if(id=='interval_line_color'){
			$("#sp_line").css({"backgroundColor":color});
		}

		if(id=='common_background_color'){
			$("#sp_backcolor").css({"backgroundColor":color});
		}

		if(id=='normal_color'){
			$("#sp_tabletext,#spt_tabletext").css({"color":color});
		}

		if(id=='medium_textcolor'){
			$("#sp_midtext,#spt_midtext").css({"color":color});
		}

		if(id=='light_textcolor'){
			$("#sp_smalltext,#spt_lighttext").css({"color":color});
		}

		if(id=='link_color'){
			$("#sp_link,#spt_link").css({"color":color});
		}

		if(id=='highlightlink_color'){
			$("#sp_link,#spt_highlightlink").css({"color":color});
		}

		if(id=='noticetext_color'){
			$("#sp_notice,#spt_noticetext").css({"color":color});
		}

		if(id=='noticetext_border_color'){
			$("#spt_noticetext_border").css({"color":color});
		}

		if(id=='header_bg_color'){
			$("#sp_header").css({"background":color+' url('+getImgByid('header_bg_img')+') '+$("#header_bg_extra").val()});
		}

		if(id=='header_border_color'){
			$("#sp_header").css({"borderColor":color,"borderBottom":$('#header_border_width').val()+" solid "+color});
		}

		if(id=='header_text_color'){
			$("#sp_umenu").css({"color":color});
		}

		if(id=='menu_border_color'){
			$("#sp_menuitem").css({"borderColor":color});
		}

		if(id=='menu_bg_color'){
			$("#sp_menuitem a").css({"background":color+' url('+getImgByid('menu_bg_img')+') '+$("#menu_bg_extra").val()});
		}

		if(id=='menu_text_color'){
			$("#sp_menuitem a").css({"color":color});
		}

		if(id=='menu_hover_bg_color'){
			$("#sp_menucurrent a").css({"backgroundColor":color});
		}

		if(id=='menu_hover_text_color'){
			$("#sp_menucurrent a").css({"color":color});
		}

		if(id=='bg_color'){
			$("#style_preview").css({"background":color+' url('+getImgByid('bg_img')+') '+$("#bg_extra").val()});
		}

		if(id=='side_bg_color'){
			$("#sp_sidebar").css({"background":color+' url('+getImgByid('side_bg_img')+') '+$("#side_bg_extra").val()});
		}

		if(id=='wrap_table_bg'){
			$("#sp_wrap").css({"backgroundColor":color,"background-image":"none"});
		}

		if(id=='wrap_border_color'){
			$("#sp_wrap").css({"borderColor":color,"border":$('#wrap_border_width').val()+" solid "+color});
		}

		if(id=='footer_text_color'){
			$("#sp_footer").css({"color":color});
		}
	});
});

var sImgdir='<!--{$sImgdir}-->';
var sStyleimgdir='<!--{$sStyleimgdir}-->';

function imgdirUpdate(){
	sImgdir=$('#img_dir').val()?$('#img_dir').val():'theme/Default/Public/Images';
	sStyleimgdir=$('#style_img_dir').val()?$('#style_img_dir').val():sImgdir;
	$('#sp_imgdir').text(sImgdir);
	$('#sp_styleimgdir').text(sStyleimgdir);
}

function checkHttp(sUrl){
		re=/^http:\/\//i;
		var arrMatches=re.exec(sUrl);
		if(arrMatches==null) {
			return false;
		}else{
			return true;
		}
}

function getImgByid(id){
	var oId=$WF(id);
	return oId.value?(checkHttp(oId.value)?oId.value:'<!--{:__ROOT__}-->/user/'+sStyleimgdir+'/'+oId.value):'<!--{:__PUBLIC__}-->/images/common/none.gif';
}

function submitStyle(){
	$("#submit_button").attr("disabled", "disabled");
	$("#submit_button").val( 'update...' );
	Q.AjaxSubmit('styleDiy','<!--{:Q::U('style/diy_save')}-->','',complete);
}

function complete(data,status){
	$("#submit_button").attr("disabled", false);
	$("#submit_button").val( '<!--<lang package='Template'>-->发布<!--</lang>-->' );
}

checkForm(submitStyle);
<!--{/script}-->

	<section class="secondary_bar">
		<div class="breadcrumbs_container">
			<article class="breadcrumbs"><a href="<!--{:Q::U('public/fmain')}-->"><!--<lang package='Template'>-->主页<!--</lang>--></a> <div class="breadcrumb_divider"></div> <a class="current"><!--<lang package='Template'>-->主题DIY<!--</lang>-->(<!--<lang package='Template'>-->简单模式<!--</lang>-->)</a> <div class="breadcrumb_divider"></div> <a href="javascript:void(0);" onclick="adminctrlmenuAdd('<!--{:__SELF__}-->','<!--<lang package='Template'>-->主题DIY<!--</lang>-->_<!--{$oValue['style_id']}-->(<!--<lang package='Template'>-->简单模式<!--</lang>-->)')" title="<!--<lang package='Template'>-->添加到快捷导航<!--</lang>-->">[+]</a></article>
		</div>
	</section>

	<section id="main" class="column">

		<article class="module width_full">
			<header><h3><!--<lang package='Template'>-->操作提示<!--</lang>--></h3></header>
			<div class="module_content">
				<ul>
					<li><!--<lang package='Template'>-->在这里你可以DIY当前主题，不用代码也可以轻松修改网站界面<!--</lang>--></li>
					<li><!--<lang package='Template'>-->注意，DIY中如果添加外部图片作为背景，外部图片必须以http://开头，否则将无法正确显示<!--</lang>--></li>
					<li><!--<lang package='Template'>-->注意，DIY中的界面基础图片目录和扩展图片目录均相对于{WINDSFORCE_PATH}/user而言<!--</lang>--></li>
				</ul>
			</div>
		</article>
		
		<form action="<!--{:Q::U('style/diy_save')}-->" method="post" id="styleDiy" name="styleDiy" class="validate">
			<article class="module width_full">
				<header><h3 class="tabs_involved"><!--<lang package='Template'>-->编辑界面方案<!--</lang>--> - <!--{$oValue['style_name']}--></h3>
					<ul class="tabs">
						<li><a href="<!--{:Q::U('style/edit?id='.$oValue['style_id'].'&adv=1')}-->"><!--<lang package='Template'>-->高级模式<!--</lang>--></a></li>
						<li class="active"><a href="<!--{:Q::U('style/index')}-->"><!--<lang package='Template'>-->已安装主题列表<!--</lang>--></a></li>
					</ul>
				</header>
				<div class="module_content">
					<fieldset>
						<label>
							<input type="submit" id="submit_button" value="<!--<lang package='Template'>-->发布<!--</lang>-->" class="alt_btn">
						</label>
					</fieldset>
					<fieldset>
						<label for="name_new"><!--<lang package='Template'>-->界面方案名称<!--</lang>--></label>
						<input type="text" name="name_new" id="name_new" size="40" value="<!--{$oValue['style_name']}-->" class="{required:true}"/>
						<div class="description input_tips"><!--<lang package='Template'>-->识别界面风格的标志，请勿使用空格或特殊符号<!--</lang>--></div>
						<p class="input_errortips"></p>
					</fieldset>
					<fieldset>
						<label for="theme_id_new"><!--<lang package='Template'>-->匹配模板<!--</lang>--></label>
						<select name="theme_id_new" id="theme_id_new" >
							<!--<foreach for=arrThemes value=oTheme>-->
							<option value="<!--{$oTheme['theme_id']}-->" <!--{if $oTheme['theme_id']==$oValue['theme_id']}-->selected="selected"<!--{/if}-->><!--{$oTheme['theme_name']}-->@<!--{$oTheme['theme_id']}--></option>
							<!--</foreach>-->
						</select>
						<div class="description"><!--<lang package='Template'>-->与本套界面风格相匹配的模板名称<!--</lang>--></div>
					</fieldset>
					<fieldset>
						<label for="style_extend_new"><!--<lang package='Template'>-->扩展配色<!--</lang>--></label>
						<p style="padding:5px;">
							<!--{if $arrExtendstyle}-->
							<!--<foreach for=arrExtendstyle value=arrValue>-->
							<input type="checkbox" id="style_extend_new" name="style_extend_new[]" value="<!--{$arrValue[0]}-->" style="position:relative;top:2px;" <!--{if in_array($arrValue[0],$arrStyleExtendcolors)}-->checked<!--{/if}-->>&nbsp;<!--{$arrValue[1]}-->
							<!--</foreach>-->
							<!--{d*else}-->
							<!--<lang package='Template'>-->该主题不支持扩展配色<!--</lang>-->
							<!--{/if}-->
						</p>
						<div class="description"><!--<lang package='Template'>-->扩展配色可以让同一个主题展现绚丽多姿的一面<!--</lang>--></div>
					</fieldset>
					<fieldset>
						<label for="name_new"><!--<lang package='Template'>-->默认配色<!--</lang>--></label>
						<!--{if $arrExtendstyle}-->
						<select name="default_extend_style_new" id="default_extend_style_new">
							<!--<foreach for=arrDefaultextendstyle value=arrValue>-->
							<option value="<!--{$arrValue[0]}-->" <!--{if $arrValue[0]==$sStyleExtendcolor}-->selected="selected"<!--{/if}-->><!--{$arrValue[1]}--></option>
							<!--</foreach>-->
						</select>
						<!--{d*else}-->
						<p style="padding:5px;"><!--<lang package='Template'>-->该主题不支持扩展配色<!--</lang>--></p>
						<!--{/if}-->
						<div class="description"><!--<lang package='Template'>-->请根据你的站点来选择适合你自己的配色<!--</lang>--></div>
					</fieldset>
					<fieldset>
						<label for="img_dir"><!--<lang package='Template'>-->界面基础图片目录<!--</lang>-->{IMG_DIR}</label>
						<input type="text" name="stylevar[img_dir]" id="img_dir" size="40" value="<!--{$arrSystemStylevar['img_dir']}-->" onblur="imgdirUpdate();"/>
						<div class="description"><!--<lang package='Template'>-->主题基础图片存放的目录，留空表示使用“theme/Default/Public/Images”目录为基础图片目录<!--</lang>--><br/>
						<!--<lang package='Template'>-->系统计算当前的值为<!--</lang>--> <span id="sp_imgdir"><!--{$sImgdir}--></span><br/>
						<!--<lang package='Template'>-->注意，DIY中的界面基础图片目录和扩展图片目录均相对于{WINDSFORCE_PATH}/user而言<!--</lang>-->
						</div>
					</fieldset>
					<fieldset>
						<label for="style_img_dir"><!--<lang package='Template'>-->扩展图片目录<!--</lang>-->{STYLE_IMG_DIR}</label>
						<input type="text" name="stylevar[style_img_dir]" id="style_img_dir" size="40" value="<!--{$arrSystemStylevar['style_img_dir']}-->" onblur="imgdirUpdate();"/>
						<div class="description"><!--<lang package='Template'>-->主题扩展图片存放的目录，留空表示无扩展图片目录<!--</lang>--><br/>
						<!--<lang package='Template'>-->系统计算当前的值为<!--</lang>--> <span id="sp_styleimgdir"><!--{$sStyleimgdir}--></span><br/>
						<!--<lang package='Template'>-->注意，DIY中的界面基础图片目录和扩展图片目录均相对于{WINDSFORCE_PATH}/user而言<!--</lang>-->
						</div>
					</fieldset>
					<table width="100%" class="tablesorter" cellpadding="0" cellspacing="0">
						<thead>
							<th colspan="2"><!--<lang package='Template'>-->可视化设置<!--</lang>--><th>
						</thead>
						<tbody>
							<tr>
								<td width="55%">
									<div style="height: 500px; width: 100%; overflow:auto;">
										<table id="previewbody" cellpadding="0" cellspacing="0" width="100%">
											<tbody>
												<tr>
													<td style="border: medium none;" valign="top">
														<div id="style_preview" style="background:#fff url(<!--{:__ROOT__}-->/user/theme/Default/Public/Images/bg.png);">
															<div id="sp_header" style="background: #438079;">
																<img id="sp_logo" style="margin-bottom:20px;" src="<!--{:__ROOT__}-->/user/theme/Default/Public/Images/logo.png">
																<div id="sp_umenu">
																	admin | <!--<lang package='Template'>-->退出<!--</lang>-->
																</div>
																<div id="sp_menu">
																	<ul>
																		<li id="sp_menucurrent" class="current"><span><a href="javascript:void(0);"><!--<lang package='Template'>-->当前<!--</lang>--></a></span></li>
																		<li id="sp_menuitem"><span><a href="javascript:void(0);"><!--<lang package='Template'>-->导航<!--</lang>--></a></span></li>
																	</ul>
																</div>
															</div>
															<div id="sp_wrap" style="margin: 10px 15px 10px 15px;border: 0px solid #000;background:#fff;padding:5px;">
																<div id="sp_content" style="width:100%;">
																	<div id="sp_backcolor" style="background: #eeeeee;">
																		<p id="sp_tabletext" style="padding:5px;margin: 0pt; line-height: 1.6em; color: #333333; font-family: Verdana,Helvetica,Arial,sans-serif; font-size: 12px;">
																			<a id="sp_link" href="<!--{$GLOBALS['_option_']['windsforce_program_url']}-->" target="_blank" style="color:#438079;"><!--{$GLOBALS['_option_']['windsforce_program_name']}--></a>&nbsp;<!--<lang package='Template'>-->APP应用程序开发框架<!--</lang>--><span id="sp_midtext" style="color: #333333;">（<!--<lang package='Template'>-->简称<!--</lang>--> <strong id="sp_notice" style="color: #f89406;"><!--{$GLOBALS['_option_']['windsforce_program_name']}--></strong>）</span><!--<lang package='Template'>-->是一个采用 PHP 和 MySQL构建的应用程序开发管理器，程序采用QeePHP框架开发。<!--</lang>-->
																		</p>
																	</div>
																	<div id="sp_line" style="margin: 5px 0 0 0; height: 2px; background: #eeeeee; line-height: 2px; overflow: hidden;"></div>
																	<p id="sp_smalltext" style="padding: 5px 0 20px 0; text-align: right; color: #999999; font-size: 0.83em;">---- Windsforce.114.MS</p>
																	<table cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:0;">
																		<tbody>
																			<tr>
																				<td width="90%" style="padding:5px;background:#f5f5f5;">
																					<table cellpadding="0" cellspacing="0" width="100%" style="padding:0;">
																						<tbody>
																							<tr>
																								<td width="100"><!--<lang package='Template'>-->间隔线颜色<!--</lang>--></td>
																								<td><input type="text" id='interval_line_color' name="stylevar[interval_line_color]" value="<!--{$arrSystemStylevar['interval_line_color']}-->" size="10" style="color:<!--{$arrSystemStylevar['interval_line_color']}-->">
																								<img f="color-img" data-target="interval_line_color" src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0'/>
																								</td>
																							</tr>
																							<tr>
																								<td width="100"><!--<lang package='Template'>-->常用背景色<!--</lang>--></td>
																								<td><input type="text" id='common_background_color' name="stylevar[common_background_color]" value="<!--{$arrSystemStylevar['common_background_color']}-->" size="10" style="color:<!--{$arrSystemStylevar['common_background_color']}-->">
																									<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="common_background_color"/>
																								</td>
																							</tr>
																							<tr>
																								<td width="100"><!--<lang package='Template'>-->正常字体，字号<!--</lang>--></td>
																								<td><p><input type="text" id="normal_font" name="stylevar[normal_font]" value="<!--{$arrSystemStylevar['normal_font']}-->" size="15" onblur="$WF('sp_tabletext').style.fontFamily=this.value"></p><br/>
																									<p><input type="text" id="normal_fontsize" name="stylevar[normal_fontsize]" value="<!--{$arrSystemStylevar['normal_fontsize']}-->" size="5" onblur="$WF('sp_tabletext').style.fontSize=this.value"></p>
																								</td>
																							</tr>
																							<tr>
																								<td width="100"><!--<lang package='Template'>-->小号字体，字号<!--</lang>--></td>
																								<td><p><input type="text" id="small_font" name="stylevar[small_font]" value="<!--{$arrSystemStylevar['small_font']}-->" size="15" onblur="$WF('sp_smalltext').style.fontFamily=this.value"></p><br/>
																									<p><input type="text" id="small_fontsize" name="stylevar[small_fontsize]" value="<!--{$arrSystemStylevar['small_fontsize']}-->" size="5" onblur="$WF('sp_smalltext').style.fontSize = this.value"></p>
																								</td>
																							</tr>
																							<tr>
																								<td style="color: #333333;" id="spt_tabletext" width="100"><!--<lang package='Template'>-->普通文本色<!--</lang>--></td>
																								<td><input type="text" id='normal_color' name="stylevar[normal_color]" value="<!--{$arrSystemStylevar['normal_color']}-->" size="10" style="color:<!--{$arrSystemStylevar['normal_color']}-->">
																									<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="normal_color"/>
																								</td>
																							</tr>
																							<tr>
																								<td style="color: #535353;" id="spt_midtext" width="100"><!--<lang package='Template'>-->中等文本色<!--</lang>--></td>
																								<td><input type="text" id='medium_textcolor' name="stylevar[medium_textcolor]" value="<!--{$arrSystemStylevar['medium_textcolor']}-->" size="10" style='color:<!--{$arrSystemStylevar['medium_textcolor']}-->'>
																									<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="medium_textcolor" />
																								</td>
																							</tr>
																							<tr>
																								<td style="color: #999999;" id="spt_lighttext" width="100"><!--<lang package='Template'>-->浅色文字色<!--</lang>--></td>
																								<td><input type="text" id='light_textcolor' name="stylevar[light_textcolor]" value="<!--{$arrSystemStylevar['light_textcolor']}-->" size="10" style="color:<!--{$arrSystemStylevar['light_textcolor']}-->">
																									<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="light_textcolor"/>
																								</td>
																							</tr>
																							<tr>
																								<td style="color: #438079;" id="spt_link" width="100"><!--<lang package='Template'>-->链接文字色<!--</lang>--></td>
																								<td><input type="text" id='link_color' name="stylevar[link_color]" value="<!--{$arrSystemStylevar['link_color']}-->" size="10" style="color:<!--{$arrSystemStylevar['link_color']}-->">
																									<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="link_color"/>
																								</td>
																							</tr>
																							<tr>
																								<td style="color: #438079;" id="spt_highlightlink" width="100"><!--<lang package='Template'>-->链接高亮色<!--</lang>--></td>
																								<td><input type="text" id='highlightlink_color' name="stylevar[highlightlink_color]" value="<!--{$arrSystemStylevar['highlightlink_color']}-->" size="10" style="color:<!--{$arrSystemStylevar['highlightlink_color']}-->">
																									<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="highlightlink_color"/>
																								</td>
																							</tr>
																							<tr>
																								<td style="color: #f89406;" id="spt_noticetext" width="100"><!--<lang package='Template'>-->提示文字色<!--</lang>--></td>
																								<td><input type="text" id='noticetext_color' name="stylevar[noticetext_color]" value="<!--{$arrSystemStylevar['noticetext_color']}-->" size="10" style="color:<!--{$arrSystemStylevar['noticetext_color']}-->">
																									<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="noticetext_color"/>
																								</td>
																							</tr>
																							<tr>
																								<td style="color: #d2d2d2;" id="spt_noticetext_border" width="100"><!--<lang package='Template'>-->提示信息边框颜色<!--</lang>--></td>
																								<td><input type="text" id='noticetext_border_color' name="stylevar[noticetext_border_color]" value="<!--{$arrSystemStylevar['noticetext_border_color']}-->" size="10" style="color:<!--{$arrSystemStylevar['noticetext_border_color']}-->">
																									<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="noticetext_border_color"/>
																								</td>
																							</tr>
																						</tbody>
																					</table>
																				</td>
																				<td valign="top" width="10%" id="sp_sidebar" style="background:#f5f5f5;border-left:1px solid #e9e9e9"> </td>
																			</tr>
																		</tbody>
																	</table>
																</div>
															</div>
															<div id="sp_footer" style="margin: 0pt auto 20px; text-align: center;"><!--<lang package='Template'>-->版权及页脚信息<!--</lang>--></div>
														</div>
													</td>
												</tr>
											</body>
										</table>
									</div>
								</td>
								<td width="45%">
									<div style="height: 500px; width: 100%; overflow:auto;">
										<fieldset>
											<label for="logo"><!--<lang package='Template'>-->网站Logo<!--</lang>--></label>
											<input type="text" name="stylevar[logo]" id="logo" size="40" value="<!--{$arrSystemStylevar['logo']}-->" onblur="$WF('sp_logo').src=getImgByid('logo');"/>
										</fieldset>
										<fieldset>
											<label for="header_bg_color"><!--<lang package='Template'>-->页头背景<!--</lang>--></label>
											<p><input class="left" type="text" name="stylevar[header_bg_color]" id="header_bg_color" size="8" value="<!--{$arrSystemStylevar['header_bg_color']}-->" style="color:<!--{$arrSystemStylevar['header_bg_color']}-->"/>
												<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="header_bg_color"/>
											</p>
											<p><input class="left" type="text" name="stylevar[header_bg_img]" id="header_bg_img" size="8" value="<!--{$arrSystemStylevar['header_bg_img']}-->" style="width:100px" onblur="$WF('sp_header').style.background=$('#header_bg_color').val()+' url('+getImgByid('header_bg_img')+') '+$('#header_bg_extra').val();" />
												<input type="text" name="stylevar[header_bg_extra]" id="header_bg_extra" size="8" value="<!--{$arrSystemStylevar['header_bg_extra']}-->" style="width:100px" onblur="$WF('sp_header').style.background=$('#header_bg_color').val()+' url('+getImgByid('header_bg_img')+') '+$('#header_bg_extra').val();"/>
											</p>
										</fieldset>
										<fieldset>
											<label for="header_border_color"><!--<lang package='Template'>-->页头分割线<!--</lang>--></label>
											<p><input class="left" type="text" name="stylevar[header_border_color]" id="header_border_color" size="40" value="<!--{$arrSystemStylevar['header_border_color']}-->" style="color:<!--{$arrSystemStylevar['header_border_color']}-->"/>
												<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="header_border_color"/>
											</p>
											<p><input type="text" name="stylevar[header_border_width]" id="header_border_width" size="8" value="<!--{$arrSystemStylevar['header_border_width']}-->" onblur="$WF('sp_header').style.borderBottom=this.value+' solid '+$WF('header_border_color').value"/>
											</p>
										</fieldset>
										<fieldset>
											<label for="header_text_color"><!--<lang package='Template'>-->页头文字色<!--</lang>--></label>
											<p><input class="left" type="text" name="stylevar[header_text_color]" id="header_text_color" size="40" value="<!--{$arrSystemStylevar['header_text_color']}-->" style="color:<!--{$arrSystemStylevar['header_text_color']}-->"/>
												<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="header_text_color"/>
											</p>
										</fieldset>
										<fieldset>
											<label for="menu_border_color"><!--<lang package='Template'>-->菜单边框色<!--</lang>--></label>
											<p><input class="left" type="text" name="stylevar[menu_border_color]" id="menu_border_color" size="40" value="<!--{$arrSystemStylevar['menu_border_color']}-->" style="color:<!--{$arrSystemStylevar['menu_border_color']}-->"/>
												<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="menu_border_color"/>
											</p>
										</fieldset>
										<fieldset>
											<label for="menu_bg_color"><!--<lang package='Template'>-->菜单背景色<!--</lang>--></label>
											<p><input class="left" type="text" name="stylevar[menu_bg_color]" id="menu_bg_color" size="8" value="<!--{$arrSystemStylevar['menu_bg_color']}-->" style="color:<!--{$arrSystemStylevar['menu_bg_color']}-->"/>
												<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="menu_bg_color"/>
											</p>
											<p><input class="left" type="text" name="stylevar[menu_bg_img]" id="menu_bg_img" size="8" value="<!--{$arrSystemStylevar['menu_bg_img']}-->" style="width:100px" onblur='$("#sp_menuitem a").css({"background":$("#menu_bg_color").val()+" url("+getImgByid("menu_bg_img")+") "+$("#menu_bg_extra").val()});'/>
												<input type="text" name="stylevar[menu_bg_extra]" id="menu_bg_extra" size="8" value="<!--{$arrSystemStylevar['menu_bg_extra']}-->" style="width:100px" onblur='$("#sp_menuitem a").css({"background":$("#menu_bg_color").val()+" url("+getImgByid("menu_bg_img")+") "+$("#menu_bg_extra").val()});'/>
											</p>
										</fieldset>
										<fieldset>
											<label for="menu_text_color"><!--<lang package='Template'>-->菜单文字色<!--</lang>--></label>
											<p><input class="left" type="text" name="stylevar[menu_text_color]" id="menu_text_color" size="40" value="<!--{$arrSystemStylevar['menu_text_color']}-->" style="color:<!--{$arrSystemStylevar['menu_text_color']}-->"/>
												<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="menu_text_color"/>
											</p>
										</fieldset>
										<fieldset>
											<label for="menu_hover_bg_color"><!--<lang package='Template'>-->菜单高亮背景色<!--</lang>--></label>
											<p><input class="left" type="text" name="stylevar[menu_hover_bg_color]" id="menu_hover_bg_color" size="40" value="<!--{$arrSystemStylevar['menu_hover_bg_color']}-->" style="color:<!--{$arrSystemStylevar['menu_hover_bg_color']}-->"/>
												<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="menu_hover_bg_color"/>
											</p>
										</fieldset>
										<fieldset>
											<label for="menu_hover_text_color"><!--<lang package='Template'>-->菜单高亮文字色<!--</lang>--></label>
											<p><input class="left" type="text" name="stylevar[menu_hover_text_color]" id="menu_hover_text_color" size="40" value="<!--{$arrSystemStylevar['menu_hover_text_color']}-->" style="color:<!--{$arrSystemStylevar['menu_hover_text_color']}-->"/>
												<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="menu_hover_text_color"/>
											</p>
										</fieldset>
										<fieldset>
											<label for="bg_color"><!--<lang package='Template'>-->页面背景<!--</lang>--></label>
											<p><input class="left" type="text" name="stylevar[bg_color]" id="bg_color" size="8" value="<!--{$arrSystemStylevar['bg_color']}-->" style="color:<!--{$arrSystemStylevar['bg_color']}-->"/>
												<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="bg_color"/>
											</p>
											<p><input class="left" type="text" name="stylevar[bg_img]" id="bg_img" size="8" value="<!--{$arrSystemStylevar['bg_img']}-->" style="width:100px" onblur="$WF('style_preview').style.background=$('#bg_color').val()+' url('+getImgByid('bg_img')+') '+$('#bg_extra').val();"/>
												<input type="text" name="stylevar[bg_extra]" id="bg_extra" size="8" value="<!--{$arrSystemStylevar['bg_extra']}-->" style="width:100px" onblur="$WF('style_preview').style.background=$('#bg_color').val()+' url('+getImgByid('bg_img')+') '+$('#bg_extra').val();"/>
											</p>
										</fieldset>
										<fieldset>
											<label for="side_bg_color"><!--<lang package='Template'>-->侧边背景<!--</lang>--></label>
											<p><input class="left" type="text" name="stylevar[side_bg_color]" id="side_bg_color" size="8" value="<!--{$arrSystemStylevar['side_bg_color']}-->" style="color:<!--{$arrSystemStylevar['side_bg_color']}-->"/>
												<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="side_bg_color"/>
											</p>
											<p><input class="left" type="text" name="stylevar[side_bg_img]" id="side_bg_img" size="8" value="<!--{$arrSystemStylevar['side_bg_img']}-->" style="width:100px" onblur="$WF('sp_sidebar').style.background=$('#side_bg_color').val()+' url('+getImgByid('side_bg_img')+') '+$('#side_bg_extra').val();"/>
												<input type="text" name="stylevar[side_bg_extra]" id="side_bg_extra" size="8" value="<!--{$arrSystemStylevar['side_bg_extra']}-->" style="width:100px" onblur="$WF('sp_sidebar').style.background=$('#side_bg_color').val()+' url('+getImgByid('side_bg_img')+') '+$('#side_bg_extra').val();"/>
											</p>
										</fieldset>
										<fieldset>
											<label for="wrap_table_width"><!--<lang package='Template'>-->主体表格宽度<!--</lang>--></label>
											<input class="left" type="text" name="stylevar[wrap_table_width]" id="wrap_table_width" size="8" value="<!--{$arrSystemStylevar['wrap_table_width']}-->"/>
										</fieldset>
										<fieldset>
											<label for="wrap_table_bg"><!--<lang package='Template'>-->主体表格背景色<!--</lang>--></label>
											<p><input class="left" type="text" name="stylevar[wrap_table_bg]" id="wrap_table_bg" size="40" value="<!--{$arrSystemStylevar['wrap_table_bg']}-->" style="color:<!--{$arrSystemStylevar['wrap_table_bg']}-->"/>
												<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="wrap_table_bg"/>
											</p>
										</fieldset>
										<fieldset>
											<label for="header_border_color"><!--<lang package='Template'>-->主体表格边框<!--</lang>--></label>
											<p><input class="left" type="text" name="stylevar[wrap_border_color]" id="wrap_border_color" size="40" value="<!--{$arrSystemStylevar['wrap_border_color']}-->" style="color:<!--{$arrSystemStylevar['wrap_border_color']}-->"/>
												<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="wrap_border_color"/>
											</p>
											<p><input type="text" name="stylevar[wrap_border_width]" id="wrap_border_width" size="8" value="<!--{$arrSystemStylevar['wrap_border_width']}-->" onblur="$WF('sp_wrap').style.border=this.value+' solid '+$WF('wrap_border_color').value"/>
											</p>
										</fieldset>
										<fieldset>
											<label for="footer_text_color"><!--<lang package='Template'>-->页脚文字色<!--</lang>--></label>
											<p><input class="left" type="text" name="stylevar[footer_text_color]" id="footer_text_color" size="40" value="<!--{$arrSystemStylevar['footer_text_color']}-->" style="color:<!--{$arrSystemStylevar['footer_text_color']}-->"/>
												<img src='<!--{:__PUBLIC__}-->/images/common/ico_color.gif' align='absmiddle' border='0' f="color-img" data-target="footer_text_color"/>
											</p>
										</fieldset>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					<table width="100%" class="tablesorter" cellpadding="0" cellspacing="0" id="checkList">
						<thead>
							<th colspan="2"><!--<lang package='Template'>-->自定义模板变量<!--</lang>--><th>
						</thead>
						<tbody>
							<tr>
								<td colspan="3">
									<ul class="global_tips">
										<li><!--<lang package='Template'>-->选中复选框将会删除该条记录，请一定要看清楚<!--</lang>--></li>
										<li><!--<lang package='Template'>-->新增变量名一定不要和已有重复，否则无法添加成功<!--</lang>--></li>
									</ul>
								</td>
							</tr>
							<tr>
								<td width="15%"><input type="checkbox" onclick="checkAll('checkList')" style="position:relative;top:2px;"><!--<lang package='Template'>-->删？<!--</lang>--></td>
								<td width="30%"><strong><!--<lang package='Template'>-->变量<!--</lang>--></strong></td>
								<td width="55%"><strong><!--<lang package='Template'>-->替换内容<!--</lang>--></strong></td>
							</tr>
							<!--<foreach for=arrCustomStylevar key=sCustomstylevarkey value=sCustomstylevar>-->
							<tr>
								<td><input type="checkbox" name="key[]" value="<!--{$sCustomstylevarkey}-->"></td>
								<td width="30%">{<!--{$sCustomstylevarkey|strtoupper}-->}</td>
								<td width="70%"><textarea style="height: 45px" cols="50" rows="2" name="stylevar[<!--{$sCustomstylevarkey}-->]" id="customstylevar"/><!--{$sCustomstylevar}--></textarea></td>
							</tr>
							<!--</foreach>-->
							<tr>
								<td><!--<lang package='Template'>-->新增<!--</lang>--></td>
								<td width="30%"><input type="text" name="variable_new" id="variable_new" size="10" value=""/></td>
								<td width="70%"><textarea style="height: 45px" cols="50" rows="2" name="substitute_new" id="substitute_new"/></textarea></td>
							</tr>
						</tbody>
					</table>
				</div>
				<footer>
					<div class="submit_link">
						<input type="hidden" name="ajax" value="1">
						<input type="hidden" name="style_id" value="<!--{$oValue['style_id']}-->">
						<input type="button" onclick="location.href='<!--{:Q::U( 'style/edit?id='.$oValue['style_id'].'&adv=1' )}-->'" value="<!--<lang package='Template'>-->切换到高级模式<!--</lang>-->" />&nbsp;
						<input type="submit" id="submit_button" value="<!--<lang package='Template'>-->发布<!--</lang>-->" class="alt_btn">
					</div>
				</footer>
			</article>
		</form>

<!--<include file="public+footer">-->